var grid={
	
    /*
    *Propriedade tween para animações referenciada aqui para ter acesso a qualquer lugar
    */

   
	defineGrid:function (paginaAtual) {



        var  $titulo1Id = "#tituloPg"+paginaAtual,
             $texto1Id = "#texto1Pg"+paginaAtual,
             $texto2Id = "#texto2Pg"+paginaAtual,
             $imagemId = "#imagemPg"+paginaAtual,
             $legendaId = "#legendaPg"+paginaAtual,
             $bgId = "#bgPg"+paginaAtual,
             $imgTextoPgA = "imgTextoPg"+paginaAtual+"a",
             $imgTextoPgB = "imgTextoPg"+paginaAtual+"b",
             $imgTextoPgALink = "vid_",
             $imgTextoPgBLink= "img_",
             tituloClasse=$($titulo1Id).attr('class'),
             textoClasse=$($texto1Id).attr('class'),

             imagemClasse=$($imagemId).attr('class'),
             bgClasse=$($imagemId).attr('class'),


             gridTipo =gridCtx['pagina'+paginaAtual][0],
             titulo =gridCtx['pagina'+paginaAtual][1],
             texto1 =gridCtx['pagina'+paginaAtual][2],
             texto2=gridCtx['pagina'+paginaAtual][3];
         /*
            console.group();
                console.log("classe padroes titulo",tituloClasse)
                console.log("classe padroes texto",textoClasse)
                console.log("classe padroes imagem",imagemClasse)
                console.log("classe padroes bg ",bgClasse)
            console.groupEnd();
        */
/*

* Configuração css de titulos textos e quem sabe legendas

*/
 
        $($titulo1Id).html(titulo);
        $($titulo1Id).css({ 'color': gridTxt.tituloPgColor, 'font-size':gridTxt.tituloPgTamanho, 'margin-left':gridTxt.tituloPgRecuo });
        $($texto1Id).html(texto1);
        $($texto1Id).css({ 'color': gridTxt.textoPgColor, 'font-size': gridTxt.textoPgTamanho});
        $($texto2Id).html(texto2);
        $($texto2Id).css({ 'color': gridTxt.textoPgColor, 'font-size': gridTxt.textoPgTamanho});
        $($legendaId).html(gridTxt.legendaPg);
        $($legendaId).css({ 'color': gridTxt.legendaPgColor, 'font-size': gridTxt.legendaPgTamanho,'margin-left':gridTxt.legendaPgRecuo});



///-----------------------------------------------------------//-----------------------------------------------------------------------

        switch(gridTipo) {
           
            case "Imagem+Texto":   
        	              
                $($texto1Id).attr('class','').addClass(textoClasse).addClass('grid3')

                $($imagemId).attr('class','').addClass(imagemClasse).addClass('imagemPgEsquerda')

                $($imagemId).css("left", "-400px" );
                   // $($imagemId).animate({left:'+=470px'},800);
                 TweenLite.to($imagemId, 2, {left:"+=470px"});


                $($bgId).switchClass("paginaBgGrande paginaBgIntro paginaBgEsquerdo paginaBgCentral", "paginaBgDireito", 0, "easeInOutQuad" );
            
                $(".menu").switchClass("gridMenuOff gridMenuLeft gridMenuOn", "gridMenuRight ", 0, "easeInOutQuad" );
                TweenLite.to(".menu", 0.8, {alpha:1});
                    
                break;
           
            case "Texto+Imagem":
            	console.log("Texto+Imagem")
        		

                $($texto1Id).attr('class','').addClass(textoClasse).addClass('grid2')
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('imagemPgDireita')


                $($imagemId).css("left", "+1024px" );
                TweenLite.to($imagemId, 2, {left:"-=490px"});



                $($bgId).switchClass("paginaBgGrande paginaBgIntro paginaBgDireito paginaBgCentral", "paginaBgEsquerdo", 0, "easeInOutQuad" );  
                $(".menu").switchClass("gridMenuOff gridMenuRight gridMenuOn", "gridMenuLeft", 0, "easeInOutQuad" );
                
                TweenLite.to(".menu", 0.8, {alpha:1});
                break;    
            case "Intro":
           		console.log("Intro")
              
                $($texto1Id).attr('class','').addClass(textoClasse).addClass('gridIntro')
                $($bgId).switchClass("paginaBgGrande paginaBgDireito paginaBgCentral paginaBgEsquerdo", "paginaBgIntro", 0, "easeInOutQuad" );
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('invisivel')
                


                $(".menu").switchClass("gridMenuRight gridMenuLeft gridMenuOn", "gridMenuOff", 0, "easeInOutQuad" );
              
                TweenLite.to(".menu", 0.8, {alpha:0});
                break;    
            case "Mono-bloco":
            	console.log("Mono-bloco")
                $($texto1Id).attr('class','').addClass(textoClasse).addClass('grid1')


                $($texto1Id).css("font-size", "40px" );
                
                $($bgId).switchClass("paginaBgGrande paginaBgEsquerdo paginaBgDireito paginaBgIntro", "paginaBgCentral", 0, "easeInOutQuad" ); 
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('invisivel')
               
                $(".menu").switchClass("gridMenuRight gridMenuLeft gridMenuOff", "gridMenuOn", 0, "easeInOutQuad" );
                //$(".menu").fadeIn(800);

                TweenLite.to(".menu", 0.8, {alpha:1});

                  
        		$("#pagina"+paginaAtual+" "+  $texto1Id).append('<div id="imgTextoAPG'+paginaAtual+'"><div id="'+$imgTextoPgA+'"></div></div>');
        		$("#pagina"+paginaAtual+" "+  $texto1Id +" #"+$imgTextoPgA).css({"cursor":"pointer"}).addClass('questao')
          

         
              /*  if (texto1Pg == ""){
                    alert("vazio");
                    var DefMarginA = (($($Texto01Id).height()-($(innerDivA).height()))/2).toString()+"px";
                    innerDivA.style.marginTop = DefMarginA;
                };*/

             
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('invisivel')
               


                $(".menu").switchClass("gridMenuRight gridMenuLeft gridMenuOff", "gridMenuOn", 0, "easeInOutQuad" ); 
                TweenLite.to(".menu", 0.8, {alpha:1});
                break;
            case "Mono-bloco+Icones":
            	console.log('Mono-bloco+Icones');
                $($imgTextoPgA).switchClass("ImgTextoA ImgTextoB", "imgTextoCenter", 0, "easeInOutQuad" );
                $(".texto1").addClass('grid1');
                
                $(".texto1").removeClass('grid3').removeClass('grid2').removeClass('gridIntro'); 
               
                $("#pagina1Bg").addClass('paginaBgCentral');
                
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('invisivel')
               

                break;    
            case "2-blocos":
            	console.log('2-blocos');
                  $($texto1Id).attr('class','').addClass(textoClasse).addClass('grid2')
                  $($texto2Id).attr('class','').addClass(textoClasse).addClass('grid3')    
                  $($imagemId).attr('class','').addClass(imagemClasse).addClass('invisivel')
               


                $($bgId).switchClass("paginaBgCentral paginaBgEsquerdo paginaBgDireito paginaBgIntro", "paginaBgGrande", 0, "easeInOutQuad" );  
                $(".menu").switchClass("gridMenuRight gridMenuLeft gridMenuOff", "gridMenuOn", 0, "easeInOutQuad" ); 
              
                TweenLite.to(".menu", 0.8, {alpha:1});
                break;
            case "2-blocos+Icones":
            	console.log('2-blocos+Icones');

                $($texto1Id).attr('class','').addClass(textoClasse).addClass('grid2')

                $($imgTextoPgA).switchClass("ImgTextoB imgTextoCenter", "ImgTextoA", 0, "easeInOutQuad" );

        		/*Insere div #pagina #texto  	imgTextoPgA*/

        		$("#pagina"+paginaAtual+" "+  $texto1Id).append('<div id="imgTextoAPG5'+paginaAtual+'"><div id="'+$imgTextoPgA+'"></div></div>');
        		$("#pagina"+paginaAtual+" "+  $texto1Id +" #"+$imgTextoPgA).css({"cursor":"pointer"}).addClass('questao')

                
                $($texto2Id).attr('class','').addClass(textoClasse).addClass('grid3')
                $($imgTextoPgB).switchClass("ImgTextoA imgTextoCenter", "ImgTextoB", 0, "easeInOutQuad" );
               
                /*Insere div #pagina #texto  	imgTextoPgA*/
                $("#pagina"+paginaAtual+" "+  $texto2Id).append('<div id="imgTextoBPG'+paginaAtual+'"><div id="'+$imgTextoPgB+'"></div></div>')
          		$("#pagina"+paginaAtual+" "+  $texto2Id +" #"+$imgTextoPgB).css({"cursor":"pointer"}).addClass('questao')
          		
          
                $($imagemId).switchClass("imagemCapa imagemPgCentral imagemPgEsquerda imagemPgDireita", "invisivel", 0, "easeInOutQuad" );
               
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('invisivel')
               
                $($bgId).switchClass("paginaBgCentral paginaBgEsquerdo paginaBgDireito paginaBgIntro", "paginaBgGrande", 0, "easeInOutQuad" );  
                $(".menu").switchClass("gridMenuRight gridMenuLeft gridMenuOff", "gridMenuOn", 0, "easeInOutQuad" ); 
                //$(".menu").fadeIn(800); 
                TweenLite.to(".menu", 0.8, {alpha:1});
                break;    

            case "Capa":
                $(".texto1").addClass('grid1');
                $($imagemId).attr('class','').addClass(imagemClasse).addClass('imagemCapa')
                  
                TweenLite.to($imagemId, 0.8, {alpha:1});

                $(".menu").switchClass("gridMenuRight gridMenuLeft gridMenuOn", "gridMenuOff", 0, "easeInOutQuad" ); 
                TweenLite.to(".menu", 0.8, {alpha:1});
                break;  
            default:
               
        }
 
    }
}